// 北京—详情 style
@import "../../app.scss";
@import "../../src/components/major_class.scss";

body {
    padding-top: rem(3.3867);
    background: $grey-color;
}

.nav {
    width: rem(18.0267);
    height: rem(2.5333);
    margin: auto;
    text-align: center;
    line-height: rem(2.5333);
    border-bottom: rem(.0533) solid $Darkgrey-color;
    @include myflex (row, space-around);

    p {
        width: rem(4.0533);
        font-size: rem(.8267);
        height: rem(2.5333);

    }

    .line {
        border-bottom: rem(.1533) solid $blue-color;
    }
}

.xingxi {
    height: rem(3.6267);
    background: $white-color;
    padding: 0 rem(.7333);
    margin-top: rem(.72);
    @include myflex (row, space-between);

    .zuo {
        width: rem(5.12);
        height: rem(1.76);

        @include myflex (row, space-around);

        .touxiang {
            width: rem(1.7067);
            height: rem(1.7067);

            img {
                width: 100%;
                height: 100%;
            }
        }

        .i {
            width: rem(2.7467);
            height: rem(1.7067);

            @include myflex (column, space-around);

            span {
                font-size: rem(.6467);
            }

            img {
                width: rem(1.6);
                height: rem(.56);
            }
        }
    }

    .you {
        font-size: rem(.6933);
        color: $Darkgrey-color;
    }
}

.banner {
    width: rem(20);
    height: rem(13.3333);

    img {
        width: 100%;
        height: 100%;
    }
}

.weizhi {

    height: rem(2.4);
    padding: 0 rem(1.0667);
    @include myflex (row, space-between);

    .zuo {
        width: rem(7.1467);     
        height: rem(1.0667);
       
        font-size: rem(.6667);
        @include myflex (row, space-around);

        div {
            width: rem(1.7333);
            height: rem(1.0667);
            background: $blue-color;
            font-size: rem(.64);
            color: $white-color;
           
            @include myflex (row, center);
        }

        p {
            width: rem(5.4933);
            height: rem(1.0667);
            font-size: rem(.5333);
            @include myflex (row, center);

        }
    }

    .you {
        width: rem(5);
        height: rem(.9067);

        font-size: rem(.6933);
        @include myflex (row, space-between);

        p {
            color: $Darkgrey-color;

            span {
                color: $blue-color;
            }
        }

        div {
            width: rem(.44);
            height: rem(.44);
            transform: rotate(45deg);

            border: rem(.0533) solid $Darkgrey-color {
                left: 0;
                bottom: 0;
            }
        }

    }
}
.di{
    height: rem(3.04);
    background-color: $white-color;
    padding: 0 rem(.2667);
    @include myflex (row, space-around);
    .bex{
        width: rem(7);
            height: rem(1.0667);
            @include myflex (row, space-between);
        .box{
            width: rem(3.1067);
            height: rem(1.0667);
            border-radius: rem(.2667) ;
            border: rem(.0533) solid $Darkgrey-color ;
            @include myflex (row, space-around);
            img{
                height: rem(.7467);
            }
            p{
                color: $Darkgrey-color;
                font-size: rem(.6133);
            }
        }
    }
    
    span{
        font-size: rem(.6133);
        color: $Darkgrey-color;
    }

}